<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../common/header.css">
    <link rel="stylesheet" href="../common/footer.css">
    <link rel="stylesheet" href="../style/news.css">
</head>

<body>
    <div class="header">
        <div class="header-wrap">
            <div class="header_img">
                <img src="../img/index01.png" alt="">
            </div>
            <div class="header_nav">
                <div class="nav-wrap">
                    <div class="nav_f">
                        <ul>
                            <li>
                                <a href="./index.html" >首页</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">华为官网</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">荣耀官网</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">花粉俱乐部</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">花粉俱乐部</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">企业购</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">Select Region</a>
                            </li>
                            <li class="nav_f_last">
                                <b>|</b>
                                <a href="">更多精彩</a>
                                <span>∨</span>
                                <div id="nav_f_yc">
                                    <ul>
                                        <li>
                                            <a href="">EMUI</a>
                                        </li>
                                        <li>
                                            <a href="">应用市场</a>
                                        </li>
                                        <li>
                                            <a href="">华为终端云空间</a>
                                        </li>
                                        <li>
                                            <a href="">开发者联盟</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="nav_r">
                        <ul>
                            <li>
                                <a href="../html/login.html">请登录</a>
                                <a href="../html/sign.html">&nbsp;&nbsp;注册</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">我的订单</a>
                            </li>
                            <li class="li1">
                                <b>|</b>
                                <a href="">客户服务</a>
                                <span>∨</span>
                                <div class="yc1">
                                    <ul>
                                        <li>
                                            <a href="">服务中心</a>
                                        </li>
                                        <li>
                                            <a href="">联系客服</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="li2">
                                <b>|</b>
                                <a href="">网站导航</a>
                                <span>∨</span>
                                <div class="yc2">
                                    <ul>
                                        <li>商城首页</li>
                                        <li>
                                            频道
                                            <ul class="pd">
                                                <li>
                                                    <a href="">华为专区</a>
                                                </li>                                              
                                                <li>
                                                    <a href="">荣耀专区</a>
                                                </li>
                                                <li>
                                                    <a href="">企业购</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            产品
                                            <ul class="cp">
                                                <li>
                                                    <a href="">手机</a>
                                                </li>
                                                <li>
                                                    <a href="">笔记本</a>
                                                </li>
                                                <li>
                                                    <a href="">平板</a>
                                                </li>
                                                <li>
                                                    <a href="">智能穿戴</a>
                                                </li>
                                                <li>
                                                    <a href="">智能家居</a>
                                                </li>
                                                <li>
                                                    <a href="">智慧屏</a>
                                                </li>
                                                <!-- <li>
                                                    <a href="">耳机音箱</a>
                                                </li>
                                                <li>
                                                    <a href="">热销配件</a>
                                                </li>
                                                <li>
                                                    <a href="">生态产品</a>
                                                </li>
                                                <li>
                                                    <a href="">增值服务</a>
                                                </li> -->
                                            </ul>
                                        </li>
                                        <li>
                                            增值服务
                                            <ul class="fw">
                                                <li>
                                                    <a href="">以旧换新</a>
                                                </li>
                                                <li>
                                                    <a href="">补购保障</a>
                                                </li>
                                                <li>
                                                    <a href="">一口价换电池</a>
                                                </li>
                                                <li>
                                                    <a href="">补购保障</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            会员
                                            <ul class="vip">
                                                <li>
                                                    <a href="">会员频道</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="li3">
                                <b>|</b>
                                <a href="">手机版</a>
                                <span>∨</span>
                                <div class="yc3">
                                    <div class="yc3-con">
                                        <div class="yc3_f">
                                            <img src="../img/index03.png" alt="">
                                        </div>
                                        <div class="yc3_r">
                                            <h2>华为商城APP</h2>
                                            <p>新人专享好礼 <br>最高5000积分</p>
                                            <i>
                                                <img src="../img/index04.jpg" alt="">
                                            </i>
                                            <i>
                                                <img src="../img/index05.jpg" alt="">
                                            </i>
                                            <i>
                                                <img src="../img/login03.jpg" alt="">
                                            </i>
                                        </div>
                                        <div class="yc3_f">
                                            <img src="../img/index07.jpg" alt="">
                                        </div>
                                        <div class="yc3_r">
                                            <h2>华为商城公众号</h2>
                                            <p>微信扫一扫</p>
                                            <i>
                                                <img src="../img/login03.jpg" alt="">
                                            </i>
                                        </div>
                                        <div class="yc3_f">
                                            <img src="../img/index06.jpg" alt="">
                                        </div>
                                        <div class="yc3_r">
                                            <h2>微信小程序</h2>
                                            <i>
                                                <img src="../img/login03.jpg" alt="">
                                            </i>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="nav_last">
                                <b class="nav_last_img">
                                    <img src="../img/index02.jpg" alt="">
                                </b>
                                <a href="">
                                    购物车
                                    <span>(0)</span>
                                </a>
                                <div class="yc4">
                                    <span>您的购物车是空的，赶紧选购吧~</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header_foot">
                <div class="foot-wrap">
                    <div class="header_foot_con">
                        <div class="header_foot_f">
                            <div class="foot_f_f">
                                <img src="../img/Index08.png" alt="">
                            </div>
                            <div class="foot_f_r">
                                <ul>
                                    <li class="foot_f_r_img">
                                        <a href="">
                                            <img src="../img/index09.png" alt="">
                                        </a>
                                    </li>
                                    <li class="foot_f_r_img">
                                        <a href="">
                                            <img src="../img/index10.png" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">华为 P40 系列</a>
                                    </li>
                                    <li>
                                        <a href="">荣耀30系列</a>
                                    </li>
                                    <li>
                                        <a href="">安心居家</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                         <div class="header_foot_r">
                            <div class="foot_r_con">
                                <div class="foot_r_con_ss">
                                    <input type="text" placeholder="畅享20 Pro 荣耀X10">
                                </div>
                                <span >
                                    <img src="../img/index11.jpg" alt="" >
                                    
                                </span>
                                <div class="foot_r_yc"></div>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="news">
        <div class="news-title">
            <a href="">首页&nbsp;&nbsp;></a>
            <a href="">手机&nbsp;&nbsp;></a>
            <a href="">HUAWEI nova系列&nbsp;&nbsp;></a>
            <span class="title">HUAWEI nova 7 5G 前置3200万像素高清自拍 后置6400万变焦四摄  麒麟985 5G SoC 芯片 8GB+128GB 全网通版（7号色）</span>
        </div>
        <div class="news-con">
            <div class="news-con_f">
                <div class="con_f_t">
                    <div class="smallpic">
                        <img  class="smallpic_img" src="../img/news01.png" alt="">
                        <div class="movebox hide"></div>
                        
                    </div>
                    <div class="moveimg">
                        <ul>
                            <li>
                                <img src="../img/news01.png" alt="">
                                
                            </li>
                            <li>
                                <img src="../img/news10.png" alt="">
                            </li>
                            <li>
                                <img src="../img/news11.png" alt="">
                            </li>
                            <li>
                                <img src="../img/news09.png" alt="">
                            </li>
                            <li>
                                <img src="../img/news12.png" alt="">
                            </li>
                        </ul>
                    </div>
                
                    <div class="big hide">
                        <img src="../img/news01.png" alt="" class="bigpic">
                    </div>
                </div>
             
            </div>
            <div class="news-con_r">
                <div class="news_r_t">
                   
                    <div class="news_r_title">
                        <h1>HUAWEI nova 7 5G 前置3200万像素高清自拍 后置6400万变焦四摄  麒麟985 5G SoC 芯片 8GB+128GB 全网通版（7号色）</h1>
                        <span>
                            <a href="">①享3期免息②整点赠3e手环③限量赠薇姿化妆品礼包|以旧换新最高补贴1000，点击参与>>></a>
                        </span>
                        <p>
                            麒麟985 5G SoC 旗舰级芯片；前置3200万像素高清自拍，后置6400万变焦四摄，前后双景录像； 新一代OLED极点全面屏；40W超级快充，4000mAh大电池
                        </p>
                    </div>
                    
                    <div class="news_r_jg">
                        <span>
                            <p>价&nbsp;&nbsp;&nbsp;&nbsp;格</p>
                            <b>¥2999.00</b>
                        </span>
                        <div class="news_r_jg_b">
                            <p>促&nbsp;&nbsp;&nbsp;&nbsp;销</p>
                            <div class="new_r_jg_con">
                                <span>
                                    <a href="">赠品</a>
                                    <i>去选择 ></i>
                                </span>
                                <span>
                                    <a href="">一站式换新</a>
                                    <p>APP专享，最高补贴300元</p>
                                </span>
                                <span>
                                    <a href="">会员限量送</a>
                                    <p>V1及以上会员限量赠耳机</p>
                                </span>
                                <a href="">限量送</a>
                                <a href="">分期免息</a>
                                <a href="">赠送积分</a>
                            </div>
                            
                        </div>
                        
                    </div>
                    <div class="news_r_fw">
                        <div class="news_r_fw_t">
                            <p>服务说明</p>
                            <span>
                                <a href="">浙江 &nbsp;> &nbsp;杭州 &nbsp;>&nbsp;萧山</a>
                            </span>
                            <b>现货，今天21:59前付款，预计7月5日(周日)送达</b>
                        </div>
                        <div class="news_r_fw_b">
                            <p>商品编码</p>
                            <span>2601010207403</span>
                        </div>
                    </div>
                    <div class="news_r_color">
                        <p>选择颜色</p>
                        <ul>
                            <li>
                                <img src="../img/news13.png" alt="">
                                <a href="">幻夜黑</a>
                            </li>
                            <li>
                                <img src="../img/news14.png" alt="">
                                <a href="">绿野仙踪</a>
                            </li>
                            <li>
                                <img src="../img/news15.png" alt="">
                                <a href="">钛空银</a>
                            </li>
                            <li>
                                <img src="../img/news16.png" alt="">
                                <a href="">霓影紫</a>
                            </li>
                            <li>
                                <img src="../img/news17.png" alt="">
                                <a href="">流光幻镜</a>
                            </li>
                            <li>
                                <img src="../img/news17.png" alt="">
                                <a href="">流光幻镜</a>
                            </li>
                        </ul>
                    </div>
                    <div class="news_r_bb">
                        <p>选择版本</p>
                        <ul>
                            <li>
                                
                                <a href="">Pro 8GB+128GB</a>
                            </li>
                            <li>
                                
                                <a href="">Pro 8GB+256GB</a>
                            </li>
                            <li>
                               
                                <a href="">Pro+ 8GB+256GB</a>
                            </li>
                            <li>
                                
                                <a href="">Pro+ 12GB+256GB</a>
                            </li>
                           
                        </ul>
                    </div>
                    <div class="news_r_tc">
                        <p>选择套餐</p>
                        <span>
                            <a href="">官方标配</a>
                        </span>
                    </div>
                    <div class="news_r_spfw">
                        <p>保障服务</p>
                        <ul>
                            <li>
                                <a href="">碎屏(含后盖)服务宝1年&nbsp;&nbsp;￥239.2</a>
                               
                            </li>
                            <li>
                                <a href="">延长服务宝1年 &nbsp;&nbsp;￥168</a>
                                
                            </li>
                        </ul>
                    </div>
                    <div class="news_r_fq">
                        <p>分期免息</p>
                        <ul>
                            <li>
                                <a href="">掌上生活分期&nbsp;∨</a>
                            
                            </li>
                            <li>
                               
                                <a href="">花呗分期&nbsp; ∨</a>
                              
                            </li>
                        </ul>
                    </div>
                    <div class="news_r_tj">
                        <p>推荐</p>
                        <ul>
                            <li>
                                <a href="">荣耀30</a>
                            
                            </li>
                            <li>
                               
                                <a href="">荣耀30S</a>
                              
                            </li>
                        </ul>
                    </div>
                    <div class="news_r_xz">
                        <p>已选择商品:</p>
                        <span>钛空银 / Pro 8GB+128GB / 官方标配 </span>
                    </div>
                    <div class="news_r_b">
                        <div class="news_r_b_l">
                            <input class="num" type="text" value="1" min="1" max="99">
                            <p>
                                <a class="add" href="javaScript:;">+</a>
                                <a class="min" href="javaScript:;">-</a>
                            </p>
                        </div>
                        <div class="news_r_b_r">
                            <a href="./shoppin.html">加入购物车</a>
                            <a href="">立即下单</a>
                        </div>
                    </div>
                </div>
                 
             </div>
        </div>
    </div>  -->
    <div class="footer">
        <div class="footer-wrap">
            <!-- <div class="footer-wrap_t">
                <img src="../img/footer01.jpg" alt="">
            </div> -->
            <div class="footer_nav">
                <ul>
                    <li>
                        <a href="">百强企业 品质保证</a>
                    </li>
                    <li>
                        <a href="">7天退货 15天换货</a>
                    </li>
                    <li>
                        <a href="">48元起免运费</a>
                    </li>
                    <li>
                        <a href="">1000家维修网点 全国联保</a>
                    </li>
                </ul>
            </div>
            <div class="footer-wrap_c">
               <div class="footer_c_l">
                   <ul>
                       <li>
                          <p> 购物相关</p>
                          <ul>
                              <li>
                                  <a href="">购物指南</a>
                              </li>
                              <li>
                                <a href="">配送方式</a>
                            </li>
                            <li>
                                <a href="">支付方式</a>
                            </li>
                            <li>
                                <a href="">常见问题</a>
                            </li>
                          </ul>
                        </li>
                        <li>
                            <p>保修与退换货</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>维修与技术支持</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>特色服务</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>关于我们</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>友情链接 <></p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                            
                         </li>
                   </ul>
               </div>
               <div class="footer_c_r">
                   <div class="footer_c_r_t">
                       <ul>
                           <li>
                               <p>950805</p>
                           </li>
                           <li>
                               <a href="">7x24小时客服热线（仅收市话费）</a>
                           </li>
                           <li>
                               <a href=""  class="footer_c_r_bj"> 在线客服</a>
                           </li>
                       </ul>
                   </div>
                   <div class="footer_c_r_b">
                       <ul>
                           <li>
                               <h2>关注Vmall：</h2>
                           </li>
                           <li>
                               <a href="">
                                   <img src="../img/index06.jpg" alt="">
                               </a>
                           </li>
                           <li>
                            <a href="">
                                <img src="../img/index03.png" alt="">
                            </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../img/index04.jpg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../img/index05.jpg" alt="">
                                </a>
                            </li>
                       </ul>
                   </div>
               </div>
            </div>
            <div class="footer-wrap_b">
                <div class="footer_b_con">
                    <div class="footer_b_con_f">
                        <a href="">
                            <img src="../img/footer02.png" alt="">
                        </a>
                    </div>
                    <div class="footer_b_con_c">
                        <ul>
                            <li>
                                <a href="">华为集团</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为CBG官网</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">荣耀官网</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">花粉俱乐部</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为应用市场</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">EMUI</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为终端云空间</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">开发者联盟</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为商城手机版</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">网站地图</a>
                                
                            </li>

                        </ul>
                        <span>
                            <a href="">隐私声明</a>
                            <a href="">服务协议</a>
                            <a href="">COOKIES</a>
                            <a href=""> Copyright © 2012-</a>
                            <a href="">2020</a>
                            <a href=""> 华为终端有限公司 版权所有 </a>
                            <a href="">粤ICP备19015064号</a>
                            <b>|</b>
                            <a href="">粤公网安备 44190002003939号</a>
                            <a href="">增值电信业务经营许可证：粤B2-20190762</a>
                            <a href="">备案主体编号：44201919072182</a>
                        </span>
                    </div>
                    <div class="footer_b_con_r">
                        <a href="">
                            <img src="../img/footer03.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

<script src="../js/require.js" data-main="../js/main.news"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/test.js"></script>
